@charset "utf-8";
/* Neople UI Developer 김창환(Kim Chang Hwan) 2015.06.09 */
@import url('event_common.css');

.act{position:relative;padding-top:41px;width:100%;min-width:1100px;background:#000 url(//cdn.df.nexon.com/img/web/act/bg_body_temp.jpg) 50% 41px;background-attachment:fixed;overflow:hidden;*zoom:1}
.act h1{position:relative;margin:0px auto;width:1100px;height:171px}
.act .container{margin:0 auto;width:1100px;min-height:1087px;overflow:hidden;*zoom:1;background:#000 url(//cdn.df.nexon.com/img/web/act/bg_box.jpg?v=2) no-repeat 0 0}

.act .snb{float:right;margin:0 19px 0 0;width:260px}
.act .snb ul{margin:0;padding:0}
.act .snb li{position:relative;margin:0;border-bottom:1px solid #14161d;vertical-align:top;overflow:hidden;*zoom:1}
.act .snb li a{display:block;padding-left:20px;height:45px;line-height:46px;background:url(//cdn.df.nexon.com/img/web/act/bu_snb.png) no-repeat 1px 17px;color:#676876;font-size:12px;font-family:Gulim;letter-spacing:-1px}
.act .snb li a:hover{color:#c7a957;text-decoration:none}
.act .snb li ul{padding:0 0 12px 0;margin:-7px 0 0 0}
.act .snb li li{padding:0;margin:0;border:none}
.act .snb li li a{padding:0;margin:0;height:20px;line-height:20px;background:none;border:none;color:#676876;font-size:12px}
.act .snb li li a:hover{text-decoration:none}
.act .snb li li a span{margin-left:21px;color:#676876;font-weight:normal !important}
.act .snb li.active a{color:#c7a957;text-decoration:none;font-weight:bold}
.act .snb li.active li.active a span{color:#c7a957;}

.act .act_slt{margin-top:20px;padding:6px 5px 0 5px;width:248px;height:19px;border:1px solid #272a38;background:#151721;#border:none;#padding-top:0}
.act .act_slt select{width:248px;vertical-align:top;border:none;background:#151721;color:#6b6f83;letter-spacing:-1px;cursor:pointer;font-size:11px;}

.act .content{position:relative;float:left;padding:0 40px 98px 40px;width:720px}
.act .content .act_main{margin-top:38px;padding-top:500px;width:720px;height:403px;background:url(//cdn.df.nexon.com/img/web/act/bg_con_temp.jpg) no-repeat 0 0}
.act .content .act_main p.vod{text-align:center;}
.act .content .act_btn{margin-top:20px;text-align:center;}
.act .content .act_btn a{display:block;float:left}
.act .content .act_btn a.first{margin-left:211px}

.act .content .act_sub{margin-top:41px}
.act .content .act_sub p.txt{padding:3px 5px 2px 5px;background:#171924;color:#676876;font-size:12px;font-family:Gulim}
.act .content .act_sub h3{margin-top:28px;color:#c6c7d1;font-size:14px}
.act .content .act_sub table.skill{margin-top:7px;width:720px;border-bottom:1px solid #171924;border-right:1px solid #171924;color:#6983b6;font-family:Gulim;}
.act .content .act_sub table.skill th{padding:6px 0;background:#272932;border-top:1px solid #171924;border-left:1px solid #171924;color:#6983b6}
.act .content .act_sub table.skill td{padding:4px 0 3px 10px;background:#3f4353;border-top:1px solid #171924;border-left:1px solid #171924;color:#8f92a3}
.act .content .act_sub table.skill td.ico{padding:4px 0;text-align:center}

.act .content .act_sub dl{margin-top:19px}
.act .content .act_sub dl dt{color:#8f92a3}
.act .content .act_sub dl dd{color:#676876}


.act .content .ly_more{display:none;position:absolute;bottom:42px;left:39px;width:724px;height:50px;background:url(//cdn.df.nexon.com/img/web/act/bg_lypop.png) no-repeat 0 0}
.act .content .ly_more p{float:left;margin:16px 0 0 20px;color:#a3abc0;font-size:11px}
.act .content .ly_more a{display:block;float:right;margin:12px 11px 0 0;width:59px;height:26px}

.act .content .copy{position:absolute;bottom:20px;left:50%;margin-left:-113px}

.act .none{display:none}

/* 이현석 추가 - 이전 대규모업데이트 호환성 추가 / 2015.09.21*/
.pre-act{position:relative;padding-top:41px;width:100%;min-width:1100px;overflow:hidden;*zoom:1}
.pre-act .container {width:950px;margin:40px auto 0;}
.pre-act .snb1   {width:196px;float:left;background:#000;padding:2px;text-align:center;}
.pre-act .snb_con1 {width:194px;margin-top:2px;background:#191919;border:solid 1px #252525;}
.pre-act .snb_con1 ul    {width:174px;margin:7px auto;overflow:hidden;text-decoration:none;}
.pre-act .snb_con1 ul li {background:url('//cdn.df.nexon.com/img/pr/actupdate/bu_snb.gif') no-repeat 5px -27px;border-bottom:solid 1px #242424;padding:5px 0 4px 23px;letter-spacing:-1px;text-align:left;color:#615d52;text-decoration:none;}
.pre-act .snb_con1 ul li a   {color:#615d52;text-decoration:none;}
.pre-act .snb_con1 ul li.on  {background-position:5px 0;color:#e4c265;}
.pre-act .snb1_slt   {width:194px;margin-top:2px;background:#191919;border:solid 1px #252525;text-align:left;}
.pre-act .snb1_slt label {display:none;}
.select_area    {position:relative;margin:8px 10px;_margin:6px 10px 8px 10px;}
.select_basic , input[type="text"].select_basic   {font-size:11px;color:#999;padding:2px 0 2px 3px;#padding:3px 0 1px 4px;border:solid 1px #000;background:#484848 url('//cdn.df.nexon.com/img/pr/actupdate/slt_arrow.gif') no-repeat right;cursor:pointer;vertical-align:middle;letter-spacing:-0.1em;}

.select_basic_wrapper   {position:absolute;left:0;z-index:100;font-size:11px;color:#999;border:solid 1px #000;background:#484848;letter-spacing:-0.1em;overflow:auto;overflow-x:hidden;}
.select_basic_wrapper ul    {overflow:hidden;}
.select_basic_wrapper li    {padding:2px 0 2px 4px;#padding:4px 0 0 4px;cursor:pointer;border-bottom:solid 1px #323232;line-height:12px;}
.select_basic_wrapper li.selected   {color:#ddd;}
.select_basic_wrapper li.current    {background:#5a5a5a;}

.pre-act .content    {width:746px;float:right;background:#000;padding:2px;}
.pre-act .content .content_con  {margin-top:2px;padding:40px;background:#191919;border:solid 1px #252525;}

.pre-act .paging    {margin-top:2px;background:#242424;border:solid 1px #2f2f2f;text-align:center;}
.pre-act .paging dl {width:505px;height:22px;margin:0 auto;padding:2px;background:url('//cdn.df.nexon.com/img/pr/actupdate/bg_paging.gif') no-repeat;overflow:hidden;}
.pre-act .paging dl dt  {float:left;}
.pre-act .paging dl dd  {float:right;}
.pre-act .paging dl dd.txt,
.pre-act .paging dl dd.txt2 {width:192px;height:20px;#height:19px;color:#666;letter-spacing:-1px;font-size:11px;background:url('//cdn.df.nexon.com/img/pr/actupdate/bg_paging_txt.gif') no-repeat;padding-top:2px;#padding-top:3px}
.pre-act .footer    {width:100%;padding:20px 0 50px;clear:both;}
.pre-act .footer img    {margin-left:466px;}